﻿Ext.define('Wiztop.view.MeetingTopic', {
    extend: 'Ext.Container',
    requires: [
    'Ext.Container',
    'Ext.TitleBar',
    'Wiztop.model.MeetingTopic',
    'Wiztop.model.MeetingSummary'
    ],
    xtype: 'meetingtopicview',
    config: {
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [
        {
            xtype: 'titlebar',
            id: 'meetingTitle',
            docked: 'top',
            title: '议题列表',
            items: [{ text: '退出会议', id: 'btnStopMeeting', align: 'left', iconMask: true, ui: 'back'}]
        },
        {
            id: "topicList",
            xtype: 'dataview',
            baseCls: 'meeting',
            style: 'margin:5px 120px',
            flex: 3,
            emptyText: '<div class="emptyText">没有数据</div>',     
            items: [
            {
                xtype: 'panel',
                docked: 'top',
                layout: 'hbox',
                items: [
                {
                    baseCls: 'title',
                    style: 'width:70%;border-right: solid 1px #4A4A4A;',
                    html: '议  题'
                },
                {
                    baseCls: 'title',
                    style: 'width:30%;border-left: solid 1px #4A4A4A;',
                    html: '汇报人'
                }]
            }],
            itemTpl: '<div style="text-align:left;width:70%;background: url(resources/images/bg_02.jpg) repeat;background-size:cover;">{TopicTitle}</div><div style="text-align:center;width:30%;background: url(resources/images/bg_03.gif) repeat;background-size:cover;">{EmployeeName}</div>',
            store: new Ext.data.Store({
                model: 'Wiztop.model.MeetingTopic',
                autoLoad: true
            })
        },
        {
            id: "summaryList",
            xtype: 'dataview',
            baseCls: 'meeting',
            style: 'margin:5px 120px',
            flex: 2,
            emptyText: '<div class="emptyText">没有数据</div>',
            items: [
            {
                xtype: 'panel',
                docked: 'top',
                layout: 'hbox',
                items: [
                {
                    baseCls: 'title',
                    style: 'width:70%;border-right: solid 1px #4A4A4A;',
                    html: '会议纪要'
                },
                {
                    baseCls: 'title',
                    style: 'width:30%;border-left: solid 1px #4A4A4A;',
                    html: '上传人'
                }]
            }],
            itemTpl: '<div style="text-align:left;width:70%;background: url(resources/images/bg_02.jpg) repeat;background-size:cover;">{Name}</div><div style="text-align:center;width:30%;background: url(resources/images/bg_03.gif) repeat;background-size:cover;">{EmployeeName}</div>',
            store: new Ext.data.Store({
                model: 'Wiztop.model.MeetingSummary',
                autoLoad: true
            })
        },
        {
            xtype: 'panel',
            docked: 'bottom',
            height: 50,
            layout: {
                type: 'hbox',
                align: 'center',
                pack: 'end'
            },
            items: [
            {
                xtype: 'button',
                text: '历史材料查询',
                id: 'btnHistory'
            }
            ]
        }]
    }
});
